<!--
 * @Author: your name
 * @Date: 2021-08-04 16:33:59
 * @LastEditTime: 2021-08-04 19:09:53
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\3-html&css\day03\7-h5新增表单元素.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>h5新增表单元素</title>
</head>
<body>
    <div>
        <form action="" method="GET">
            <progress value="70" max="100">
            </progress>
            70%
            <progress value="10" max="100">
            </progress>
            10%
            
        </form>
        <form  oninput="result.value=num.value*num.value" action="" method="GET">
            <input type="number" name="num" >的平方=
            <output name="result"></output>
        </form>
        <!-- parseInt:整型 -->
        <form  oninput="result.value=parseInt(num1.value)+parseInt(num2.value)" action="" method="GET">
            <input type="number" name="num1" value="0">+
            <input type="number" name="num2" value="0" >=
            <output name="result"></output>
        </form>
        <form action="" method="GET">
            <!-- meter -->
            <meter value="95"  max="100" low="60" high="90"></meter>95
            <meter value="40"  max="100" low="60" high="90"></meter>40
            <meter value="65"  max="100" low="60" high="90"></meter>65
            
            <label >
                <input list="myData" name="myData">
            </label>
            <datalist id="myData">
                <option value="chrome">谷歌</option>
                <option value="firefox">火狐</option>
                <option value="one">360</option>
                <option value="internet">百度</option>
                <option value="music">网易云</option>
            </datalist>
        </form>
    </div>
</body>
</html>